
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Document Title -->
	<title>{$seo.title}</title>
	<meta name="keywords" content="{$seo.keywords}" />
	<meta name="description" content="{$seo.description}" />
       <!-- Favicon -->
   <link rel="shortcut icon" href="{$lang.icon}" />
    <link href="{YUNYECMS_PUBLIC}plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" />
    <!-- CSS Files -->
    <link rel="stylesheet" href="{TPL}static/css/font-awesome.min.css">
    <!--==== Bootstrap css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/bootstrap.min.css">
    <!--==== Swiper css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/swiper.min.css">
    <!--==== Style css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/style.css?201901">
    <!--==== Responsive css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/responsive.css?201901">
    <!--==== Theme Color 1 css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/theme-color-1.css">
    <!--==== Custom css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/custom.css">
</head>
<body>
     
    <!-- Main header -->
    <!-- End of Main header -->
     {tpl "head"}
    <!-- Page title -->
     <php>
    	if($rootcat["pic"]) :
    </php>
    <section class="page-title-wrap" data-bg-img="{$rootcat.pic}" data-rjs="2">
        <div class="container">
            <div class="row align-items-center">
                <div class="col">
                    <div class="page-title" data-animate="fadeInUp" data-delay="1.05">
                        <h1>{$rootcat.title}</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <php>
    	endif;
    </php> 
     <!-- End of Page title -->
<div class="breadcumb-wrapper">
    <div class="container">
        <div class="pull-left">
            <ul class="list-inline link-list">
                <li><a href="{ROOT}index.php?lang={$lang.id}">Home</a></li>
				</li>
                {yy:breadcumb  catid=$catid}
                     {loop}
                         {if $v['id']!=$catid }
						   <li><a href="{$v.url}">{$v.title}</a></li> 
						  {else}
						   <li><span>{$v.title}</span></li> 
						{/if}
					 {/loop}
                {/yy}
            </ul>
        </div>
        <div class="pull-right">
        </div>
        <div class="clearfix"></div>
    </div>
</div>     
    <!-- Gallery isotope Section -->
    <section class="pt-50 pb-120 default-bg">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- gallery button inner-->
                    <div class="row">
                        <div class="col">
                            <div class="gallery--button-inner text-center" data-animate="fadeInUp">
                                <div class="gallery-button">
                                    <!-- Start Gallery nav -->
                                    <nav>
                                        <ul class="gallery_filter">
											  {yy:cat pid=$rootcatid}
												 {loop}
													<li  <php>if($catid==$v['id']||$rootcatid==$v['id'])  echo ' class="active"';	 </php>
	><a href="{$v.url}"><span class="gallery-btn pt-sans">{$v.title}</span></a>
													 </li> 
												 {/loop}
											  {/yy}
										</ul>
                                    </nav>
                                    <!-- Start Gallery nav -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End Of gallery button inner-->

                    <!-- gallery sorting area -->
                    <div class="row">    
                        <div class="col-md-12">
                             <div class="about-content" style="line-height: 2;font-size: 16px;">     
          {form catid="$catid"  onsubmit="return check();"}            
			       {loop item="vf"}
				    <php> $formctrl=$vf["formctrl"];
				         if($vf['isrequired']){ $strrequired="<span class='text-danger'>*</font>"; } else{  $strrequired="";  }
				         if($this->member){if(array_key_exists($vf['fdname'],$this->member)){ $ishas=true;}}
				    </php>
					{if  $formctrl=='text'}
						   <div class="form-group row">
								<label class="col-sm-4 col-form-label  pc_right " for="keywords">{$vf.fdtitle}{$strrequired}</label>
								 <div class="col-sm-4">
									<input type="text"   class="form-control"  name="{$vf.fdname}" id="{$vf.fdname}" {if !empty($ishas) } value="{php echo $this->member[$vf['fdname']];}" {/if} />
								</div>
						  </div>
					 {elseif $formctrl=='textarea'}
					   <div class="form-group row">
							<label class="col-sm-4 col-form-label  pc_right " for="description">{$vf.fdtitle}{$strrequired}</label>
							 <div class="col-sm-4">
								<textarea name="{$vf.fdname}" id="{$vf.fdname}"   class="form-control "  class="span5">{php if(!empty($ishas)) echo $this->member[$vf['fdname']];} </textarea>
							</div>
						</div>  
					{elseif $formctrl=='editor'}
					   <div class="form-group row">
						<label class="col-sm-4 col-form-label  pc_right " for="content">{$vf.fdtitle}{$strrequired}</label>
						 <div class="col-sm-4">
							<script id="{$vf.fdname}_editor" type="text/plain" style="width:100%;height:400px;" name="{$vf.fdname}"></script>
						   <script type="text/javascript">
							var ue = UE.getEditor('{$vf.fdname}_editor');
						  </script>	
						</div>
					</div>
					{else}
					   <div class="form-group row">
								<label class="col-sm-4 col-form-label  pc_right " for="keywords">{$vf.fdtitle}{$strrequired}</label>
								 <div class="col-sm-4">
									<input type="text"   class="form-control"  name="{$vf.fdname}" id="{$vf.fdname}"  {if !empty($ishas) } value="{php echo $this->member[$vf['fdname']];}" {/if}   />
								</div>
						  </div>

					{/if}
			    {/loop}
				   <div class="form-group row">
									  <label for="tel" class="col-sm-4 control-label"></label>
									  <div class="col-sm-offset-3 col-sm-4">
                                      <button class="btn btn-primary" type="submit"><i class="fa fa-send-o "></i> Submit </button>
				  </div>
				  </div>	
					<script language="javascript">   
						function check() {
								{loop}
								{if $v['isrequired'] }
								if (document.getElementById("{$v.fdname}").value==""){
									window.alert("{$v.fdtitle} is required!");
									document.getElementById("{$v.fdname}").focus();
									return false ;
								 }
								 {/if}
							  {/loop}
							}
					 </script>  		    
           {/form}
    
 
                             </div>     
                        </div>
                    </div>
                    <!-- End of gallery sorting area -->
                </div>
            </div>
        </div>
    </section>
    <!-- End Of GAllery Isotope Section -->
   {tpl 'foot'}
    <!-- JS Files -->
    <!-- ==== JQuery 3.3.1 js file==== -->
    <script src="{TPL}static/js/jquery-3.3.1.min.js"></script>

    <!-- ==== Bootstrap js file==== -->
    <script src="{TPL}static/js/bootstrap.bundle.min.js"></script>

    <!-- ==== JQuery Waypoint js file==== -->
    <script src="{TPL}static/js/jquery.waypoints.min.js"></script>

    <!-- ==== Sticky js file==== -->
    <script src="{TPL}static/js/sticky.min.js"></script>
    <!-- ==== Swiper js file==== -->
    <script src="{TPL}static/js/swiper.min.js"></script>
    <!-- ==== Parsley js file==== -->
    <script src="{TPL}static/js/parsley.min.js"></script>

    <!-- ==== Menu  js file==== -->
    <script src="{TPL}static/js/menu.min.js"></script>

    <!-- ==== Scrippt js file==== -->
    <script src="{TPL}static/js/scripts.js?20190123"></script>

    <!-- ==== Custom js file==== -->
    <script src="{TPL}static/js/custom.js"></script>
</body>
</html>